<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:sf="http://www.springframework.org/tags/faces">

<composite:interface>
	<composite:attribute name="panel1Title" />
</composite:interface>
<composite:implementation>
	<div class="panel"><h:form>
		<h2 class="title ui-widget-header ui-corner-all">#{cc.attrs.panel1Title}</h2>
		<table class="tb1">
			<tr>
				<td><p:panel id="pnl" header="Advanced Panel" toggleable="true"
					closable="true" toggleSpeed="500" widgetVar="panel">										
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
					<f:facet name="options">
						<p:menu>
							<p:submenu label="Settings">
								<p:menuitem value="Toggle" url="#"
									icon="/resources/images/update.png" onclick="panel.toggle()" />
								<p:menuitem value="Remove" url="#"
									icon="/resources/images/delete.png" onclick="panel.close()" />
							</p:submenu>
						</p:menu>
					</f:facet>
				</p:panel>
			</td>
			<td>
			  <p:panel id="dpnl" header="Draggable Panel">  
                 <h:outputText value="I am actually a regular p:panel." />  
              </p:panel>  
              <p:draggable for="dpnl" /> 
		     </td>
			</tr>
			<tr>
			 <td>
			      <!--<p:panel id="cpnl" header="Clone">  
				     <h:outputText value="I am cloned in dragging" />  
				 </p:panel>  
				 <p:draggable for="cpnl" helper="clone" />
				  <p:panel id="rpnl" header="Revert">  
				     <h:outputText value="I will be reverted back to my original position" />  
				 </p:panel>  
				 <p:draggable for="rpnl" revert="true" /> 
			 --></td>
			 <td>
			      <!--<p:outputPanel layout="block" style="width:400px;height:200px;border:1px solid #666666;">  
				     <p:panel id="conpnl" header="Restricted">  
				         <h:outputText value="I am restricted to my parent's boundaries" />  
				     </p:panel>  
				 </p:outputPanel> 
				 <p:draggable for="conpnl" containment="parent" />  
			 --></td>
			</tr>
		</table>
	</h:form></div>

</composite:implementation>
</html>